$(function () {
    findById();
});

function findById() {

    // let url=document.url;//http://localhost:8080/html/back/user/userEdit.html?id=2
    // let aa=url.split("?")[1];
    // let bb=aa.split("=")[1];
    // let id = sessionStorage.getItem("userId");
    // localStorage,sessionStorage的区别？
    $.ajax({
        url: "/back/user/findById",//调用后台的地址
        type: 'get',//方法类型,查询get，其他post，post和get的区别？
        data: {id: sessionStorage.getItem("userId")},//传递到后台的数据
        dataType: "json",//后台传递到前台页面的格式json
        success: function (data) {//data后台传递到前台的数据
            setData(data.model);
        }
    })
}

function setData(data) {
    console.log(data);
    $("#username").val(data.username);
    $("#phone").val(data.phone);
    $("input[name='sex'][value=" + data.sex + "]").attr("checked", true);
    // $("input[name='sex']:checked").val(data.sex);
    $("#birthday").val(data.birthday);
    $("#introduce").val(data.introduce);
    sethobby(data.hobby);
}

function sethobby(data) {
    let hobby = data.split(",");
    $('input:checkbox[name="hobby"]').each(function () {

        for (let i = 0; i < hobby.length; i++) {
            if ($(this).val() == hobby[i].trim()) {
                $(this).attr('checked', true);
            }
        }

    });

}

function edit() {
    // if (judge()) {

    //2.拿到用户输入的值
    // let username=document.getElementById("username").value;
    let username = $("#username").val();
    // let oldPassword = $.trim($("#oldPassword").val());
    // let password = $("#password").val();
    let phone = $("#phone").val();
    let sex = $("input[name='sex']:checked").val();
    let birthday = $("#birthday").val();
    let hobby = gethobby();
    let introduce = $("#introduce").val();
    let data = {
        id: sessionStorage.getItem("userId"),
        username: username,
        phone: phone,
        sex: sex,
        birthday: birthday,
        hobby: JSON.stringify(hobby),
        introduce: introduce
    };

    //3.调用后台地址
    $.ajax({
        url: "/back/user/update",//调用后台的地址
        type: 'post',//方法类型,查询get，其他post，post和get的区别？
        data: data,//传递到后台的数据
        dataType: "json",//后台传递到前台页面的格式json
        success: function (data) {//data后台传递到前台的数据
            if (data.result == 1) {
                $(".right").load("/html/back/user/userManage.html");
            }else if(data.result==-1){
                alert("你原密码输入不正确,不能修改,请联系管理员");
            }

        }
    })
    //4.得到后台返回的值
    //5.返回给用户
    // }
}

function gethobby() {
    let hobby = [];
    $('input:checkbox[name="hobby"]').each(function () {
        if ($(this).prop('checked')) {
            hobby.push($(this).val());
        }
    });

    return hobby;
}